import { Result, Button } from 'antd'
import { useNavigate } from 'react-router-dom'

function Page404() {
  const navigate = useNavigate()
  return (
    <div className='Page404'>
      <Result
        status={404}
        title='404'
        subTitle='抱歉，您访问的页面不存在。'
        extra={
          <Button type='primary' onClick={() => navigate('/')}>
            回到首页
          </Button>
        }
      />
    </div>
  )
}

export default Page404
